<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>findIndex</title>
  <script>

    /** 
     * findIndex(callback,thisArg);
     * 方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回 -1。
     * 返回值是数组中通过提供测试函数的第一个元素的索引。否则，返回 -1
     * findIndex不会修改所调用的数组。
     */

    const array = [1, 3, 5, 7, 9];

    // 找出第一个大于 5 的元素，获取它的索引,如果没有大于5的话会返回-1
    // 空数组 findIndex 会返回 -1
    const index = array.findIndex(function (el) {
      // 找到第一个符合条件的元素会立即返回索引，终止循环
      return el > 5;
    })

    console.log(index); // 3


  </script>
</head>

<body>

</body>

</html>